<?php 
$appId = 'wxe214ac48790c622f';
$secret = '62d3091e10b72a50a8a2c4f758a799b2';
include 'jssdk.php';
$jssdk = new JSSDK($appId, $secret);
$signPackage = @$jssdk->GetSignPackage();
$cdnUrl='./'; 
?><!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>URARA</title>
<meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1">
<link rel="stylesheet" href="<?php echo $cdnUrl; ?>css/swiper.min.css">
<link rel="stylesheet" href="<?php echo $cdnUrl; ?>css/animate.min.css">
<style>
html,body{width:100%;font-size:12px;font-family:Helvetica,Tahoma, Arial, STXihei,Microsoft YaHei, Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;}
body{background:#302418;-webkit-overflow-scrolling: touch;overflow-scrolling: touch;overflow-y: scroll;}
body, div{padding:0px;margin:0px auto;max-width:750px;}
.weui-dialog{position:fixed;z-index:5000;width:80%;max-width:300px;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);background-color:#FFF;text-align:center;border-radius:3px;overflow:hidden}.weui-dialog__hd{padding:1.3em 1.6em .5em}.weui-dialog__title{font-weight:400;font-size:36px}.weui-dialog__bd{padding:0 1.6em .8em;min-height:40px;font-size:15px;line-height:1.3;word-wrap:break-word;word-break:break-all;color:#999}.weui-dialog__bd:first-child{padding:1.2em 20px .1em;color:#353535}.weui-dialog__ft{position:relative;line-height:48px;font-size:18px;display:-webkit-box;display:-webkit-flex;display:flex}.weui-dialog__ft:after{content:" ";position:absolute;left:0;top:0;right:0;height:1px;border-top:1px solid #D5D5D6;color:#D5D5D6;-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:scaleY(.5);transform:scaleY(.5)}.weui-dialog__btn{display:block;-webkit-box-flex:1;-webkit-flex:1;flex:1;color:#3CC51F;text-decoration:none;-webkit-tap-highlight-color:transparent;position:relative}.weui-dialog__btn:active{background-color:#EEE}.weui-dialog__btn:after{content:" ";position:absolute;left:0;top:0;width:1px;bottom:0;border-left:1px solid #D5D5D6;color:#D5D5D6;-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:scaleX(.5);transform:scaleX(.5)}.weui-dialog__btn:first-child:after{display:none}.weui-dialog__btn_default{color:#353535}.weui-dialog__btn_primary{color:#0BB20C}@media screen and (min-width:1024px){.weui-dialog{width:35%}}.weui-mask{position:fixed;z-index:1000;top:0;right:0;left:0;bottom:0;background:rgba(0,0,0,.6)}
.weui-mask_transparent{position:fixed;z-index:1000;top:0;right:0;left:0;bottom:0}
.js_dialog{display:none;}
-webkit-touch-callout:none;
-webkit-user-select:none;
html{-ms-touch-action:none;}
div,img{-webkit-tap-highlight-color:rgba(0,0,0,0);}
*{-webkit-text-size-adjust: none;}
.simg{position:absolute;display:block;}
a{text-decoration:none;}
.txt{position:absolute;text-indent:4px;color:#787c7f;font-size:12px;z-index:2;border:none;background:transparent;}
.txt::-webkit-input-placeholder{text-align:left;color:#a2a2a2;}
select{position:absolute;color:#787c7f;display:block;background:transparent;border:0px;text-indent:4px;font-size:12px;-webkit-appearance:none;}
.container{position:relative;width:100%;height:auto;overflow:hidden;}
.p-b, .thebg, .bigbg, .p19bg{position:absolute;width:100%;top:0;left:0;}
.hide{display:none;}
.animated{animation-duration:1s;animation-fill-mode: both;}
.animated.infinite{animation-iteration-count: infinite;}
.animated.d8s{animation-delay: .8s;}
.animated.delay-1s {animation-delay: 1s;}
.p1-b2{position:absolute;width:100%;bottom:0;left:0;}
.p-m{position:absolute;z-index:2;}
.scroll{overflow-y:scroll;-webkit-overflow-scrolling: touch;}
*{touch-action:pan-y;}
.p2-s1 .swiper-slide{height:100%;opacity:.8;}
.p2-s1 .swiper-slide img{position:absolute;}
.p3-s1 .swiper-slide img{position:absolute;width:100%;}
 
.p2-logo{z-index:2;}
.p3-b1, .p3-b2{z-index:2;}
.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{bottom:3%;}
.swiper-pagination-bullet{background:#fff;}
.swiper-pagination-bullet-active{background:#fff;}
.swiper-pagination-bullet{width:6px;height:6px;}
.t-bg{position:absolute;display:none;width:100%;height:100%;top:0px;left:0px;background-color:#000;opacity:.86;z-index:6;}
.p4{z-index:9;}
@-webkit-keyframes arr{ 
   from {
    opacity: 0;
    -webkit-transform: translate3d(0, -26%, 0);
    transform: translate3d(0, -26%, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.boxA, .boxB{position:absolute;width:100%;height:100%;margin:0px;padding:0px;overflow:hidden;}
.p3-cha, .p3-fan{z-index:4;}
.isl{width:0;}

.p19{background:#302418;}
.p19bg{overflow:hidden;}
.p-b1{position:absolute;width:100%;display:block;top:0;left:0;}
.g1, .g2{position:absolute;z-index:2;}
.a100{position:absolute;width:100%;left:0;display:block;}
.de1{-webkit-animation-delay: 1s;animation-delay: 1s;}
.dd5{-webkit-animation-delay: .5s;animation-delay: .5s;}
.dd15{-webkit-animation-delay: 1.5s;animation-delay: 1.5s;}
.dd12{-webkit-animation-delay: 1.2s;animation-delay: 1.2s;}
.arr, .arw{animation: arr 2s ease-in-out infinite;-webkit-animation: arr 2s ease-in-out infinite;} 
.arw{position:absolute;bottom:2%;}
</style>
</head>
<body>
<div class="container">
	   <div class="swiper-container p-s">
            <div class="swiper-wrapper">
              <div class="swiper-slide">
                 <img class="bigbg" src="<?php echo $cdnUrl; ?>img/p1.jpg" />
                 <div class="thebg">
                   <img class="p1-t1 a100 animated zoomIn" src="<?php echo $cdnUrl; ?>img/p1-t1.png" />
                   <img class="p1-t2 a100 dd5 animated fadeIn" src="<?php echo $cdnUrl; ?>img/p1-t2.png" />
                   <img class="p1-t3 a100 dd5 animated fadeInUp" src="<?php echo $cdnUrl; ?>img/p1-t3.png" />
                   <img class="p1-t4 simg dd12 animated fadeInDown" src="<?php echo $cdnUrl; ?>img/p1-t4.png" />
                   <img class="p1-t5 a100 dd15 animated fadeInUp" src="<?php echo $cdnUrl; ?>img/p1-t5.png" />
                   
                 </div>
              </div>
              <div class="swiper-slide">
                 <img class="bigbg p2x" src="<?php echo $cdnUrl; ?>img/p2.jpg" />
                 <div class="thebg p2">
                   <img class="p-b1" src="<?php echo $cdnUrl; ?>img/p2-b1.png" />
                   <img class="g1" src="<?php echo $cdnUrl; ?>img/g1.png" />
                   <img class="g2" src="<?php echo $cdnUrl; ?>img/g2.png" />
                   <img class="p2-t1 a100 animated fadeInLeft" src="<?php echo $cdnUrl; ?>img/p2-t1.png" />
                   <img class="p2-t2 a100 animated fadeInRight" src="<?php echo $cdnUrl; ?>img/p2-t2.png" />
                
                   <img class="arw" src="<?php echo $cdnUrl; ?>img/arr.png" />
                
                 </div>
              </div>
              <div class="swiper-slide">
                 <img class="bigbg p3x" src="<?php echo $cdnUrl; ?>img/p3.jpg" />
                 <div class="thebg p2">
                   
                   <img class="p3-t1 a100 animated fadeIn" src="<?php echo $cdnUrl; ?>img/p3-t1.jpg" /> 
                   <img class="p3-t2 a100 animated fadeInLeft" src="<?php echo $cdnUrl; ?>img/p3-t2.png" /> 
                   <img class="p3-t3 a100 animated fadeInRight" src="<?php echo $cdnUrl; ?>img/p3-t3.png" /> 
                   <img class="arw" src="<?php echo $cdnUrl; ?>img/arr.png" />
                
                 </div>
                    
              </div>
              <div class="swiper-slide">
                  <img class="bigbg p4x" src="<?php echo $cdnUrl; ?>img/p4.jpg" />
                   
                  <div class="thebg p2">
                     
                    <img class="p4-t1 a100 animated fadeInDown" src="<?php echo $cdnUrl; ?>img/p4-t1.png" /> 
                    <img class="p4-t2 a100 animated fadeInLeft" src="<?php echo $cdnUrl; ?>img/p4-t2.png" /> 
                    <img class="p4-t3 a100 de1 animated fadeIn" src="<?php echo $cdnUrl; ?>img/p4-t3.png" /> 
                    <img class="arw" src="<?php echo $cdnUrl; ?>img/arr.png" />
                
                 </div> 
              </div>
              
              
              <div class="swiper-slide">
                  <img class="bigbg p5x" src="<?php echo $cdnUrl; ?>img/p5.jpg" />
                  <div class="thebg p5"> 
                  <img class="p-b1" src="<?php echo $cdnUrl; ?>img/p5-b1.png" />
                  <img class="g1 p5-g1" src="<?php echo $cdnUrl; ?>img/g1.png" />
                  <img class="g2 p5-g2" src="<?php echo $cdnUrl; ?>img/g2.png" />
                  
                  <img class="p5-t1 a100 animated fadeInLeft" src="<?php echo $cdnUrl; ?>img/p5-t1.png" />
                  <img class="p5-t2 a100 de1 animated fadeIn" src="<?php echo $cdnUrl; ?>img/p5-t2.png" /> 
                  <img class="p5-t3 a100 animated fadeInRight" src="<?php echo $cdnUrl; ?>img/p5-t3.png" /> 
                  <img class="p5-t4 a100  de1 animated fadeInUp" src="<?php echo $cdnUrl; ?>img/p5-t4.png" />  
                  <img class="arw" src="<?php echo $cdnUrl; ?>img/arr.png" />
                
                  </div>
                  
              
              </div>
              <div class="swiper-slide">
                  <img class="bigbg p6x" src="<?php echo $cdnUrl; ?>img/p6.jpg" />
                  <div class="thebg p6"> 
                  <img class="p-b1" src="<?php echo $cdnUrl; ?>img/p6-b1.png" />
                  <img class="g1" src="<?php echo $cdnUrl; ?>img/g1.png" />
                  <img class="g2" src="<?php echo $cdnUrl; ?>img/g2.png" />
                  <img class="p6-t1 a100 animated fadeInLeft" src="<?php echo $cdnUrl; ?>img/p6-t1.png" />
                  <img class="p6-t2 a100 de1 animated fadeIn" src="<?php echo $cdnUrl; ?>img/p6-t2.png" />
                  <img class="p6-t3 a100 animated fadeInRight" src="<?php echo $cdnUrl; ?>img/p6-t3.png" />
                  <img class="arw" src="<?php echo $cdnUrl; ?>img/arr.png" />
                
                  </div>
              </div>
              <div class="swiper-slide">
                  <img class="bigbg p7x" src="<?php echo $cdnUrl; ?>img/p7.jpg" />
                  <div class="thebg p7"> 
                  <img class="p-b1" src="<?php echo $cdnUrl; ?>img/p7-b1.png" />
                  <img class="g1" src="<?php echo $cdnUrl; ?>img/g1.png" />
                  <img class="g2" src="<?php echo $cdnUrl; ?>img/g2.png" />
                  <img class="p7-t1 a100 animated fadeInLeft" src="<?php echo $cdnUrl; ?>img/p7-t1.png" />
                  <img class="p7-t2 a100 de1 animated fadeIn" src="<?php echo $cdnUrl; ?>img/p7-t2.png" />
                  <img class="p7-t3 a100 dd5 animated fadeInRight" src="<?php echo $cdnUrl; ?>img/p7-t3.png" />
                  <img class="p7-t4 a100 dd15 animated fadeIn" src="<?php echo $cdnUrl; ?>img/p7-t4.png" />
                  <img class="p7-t5 a100 dd12 animated fadeInRight" src="<?php echo $cdnUrl; ?>img/p7-t5.png" />
                  <img class="arw" src="<?php echo $cdnUrl; ?>img/arr.png" />
                
                  </div>
              </div>
              
              <div class="swiper-slide">
                  <img class="bigbg p8x" src="<?php echo $cdnUrl; ?>img/p8.jpg" />
                  <div class="thebg"> 
                  <img class="p8-t1 a100 dd12 animated fadeIn" src="<?php echo $cdnUrl; ?>img/p8-t1.png" />
                  <img class="p8-t2 a100 animated fadeInDown" src="<?php echo $cdnUrl; ?>img/p8-t2.png" />
                  <img class="p8-t3 a100 de1 animated fadeIn" src="<?php echo $cdnUrl; ?>img/p8-t3.png" />
                  <img class="p8-t4 a100 animated fadeInUp" src="<?php echo $cdnUrl; ?>img/p8-t4.png" />
                  <img class="p8-t5 a100 dd12 animated fadeIn" src="<?php echo $cdnUrl; ?>img/p8-t5.png" />
                  <img class="arw" src="<?php echo $cdnUrl; ?>img/arr.png" />
                
                  </div>
              </div>
              <div class="swiper-slide">
                  <img class="bigbg p9x" src="<?php echo $cdnUrl; ?>img/p9.jpg" />
                  <div class="thebg"> 
                  <img class="p9-t1 a100 dd12 animated fadeIn" src="<?php echo $cdnUrl; ?>img/p9-t1.png" />
                  <img class="p9-t2 a100 animated fadeInDown" src="<?php echo $cdnUrl; ?>img/p9-t2.png" />
                  <img class="p9-t3 a100 de1 animated fadeIn" src="<?php echo $cdnUrl; ?>img/p9-t3.png" />
                  <img class="p9-t4 a100 animated fadeInUp" src="<?php echo $cdnUrl; ?>img/p9-t4.png" />
                  <img class="p9-t5 a100 dd12 animated fadeIn" src="<?php echo $cdnUrl; ?>img/p9-t5.png" />
                  <img class="arw" src="<?php echo $cdnUrl; ?>img/arr.png" />
                
                  </div>
                  
              </div>
              <div class="swiper-slide">
                  <img class="bigbg p10x" src="<?php echo $cdnUrl; ?>img/p10.jpg" />
                  <div class="thebg">
                    <img class="p10-t1 a100 animated fadeInLeft" src="<?php echo $cdnUrl; ?>img/p10-t1.png" />
                    <img class="p10-t2 a100 animated fadeInDown" src="<?php echo $cdnUrl; ?>img/p10-t2.png" />
                    <img class="p10-t3 a100 de1 animated zoomInDown" src="<?php echo $cdnUrl; ?>img/p10-t3.png" />
                    <img class="p10-t4 a100 animated fadeInUp" src="<?php echo $cdnUrl; ?>img/p10-t4.png" />
                    <img class="p10-t5 a100  de1 animated fadeIn" src="<?php echo $cdnUrl; ?>img/p10-t5.png" />
                    <img class="arw" src="<?php echo $cdnUrl; ?>img/arr.png" />
                
                  </div>
                  
              </div>
              <div class="swiper-slide">
                  <img class="bigbg p11x" src="<?php echo $cdnUrl; ?>img/p11.jpg" />
                  <div class="thebg">
                    <img class="p11-t1 a100 animated fadeInLeft" src="<?php echo $cdnUrl; ?>img/p11-t1.png" />
                    <img class="p11-t2 a100 animated fadeInDown" src="<?php echo $cdnUrl; ?>img/p11-t2.png" />
                    <img class="p11-t3 a100 de1 animated fadeIn" src="<?php echo $cdnUrl; ?>img/p11-t3.png" />
                    <img class="p11-t4 a100 animated fadeInUp" src="<?php echo $cdnUrl; ?>img/p11-t4.png" />
                    <img class="p11-t5 a100 dd12 animated fadeIn" src="<?php echo $cdnUrl; ?>img/p11-t5.png" />
                    <img class="arw" src="<?php echo $cdnUrl; ?>img/arr.png" />
                 
                  </div>
              </div>
              <div class="swiper-slide">
                <img class="bigbg p13x" src="<?php echo $cdnUrl; ?>img/p13.jpg" />
                  <div class="thebg p13">
                   <img class="p-b1" src="<?php echo $cdnUrl; ?>img/p13-b1.png" />
                   <img class="g1" src="<?php echo $cdnUrl; ?>img/g1.png" />
                   <img class="g2" src="<?php echo $cdnUrl; ?>img/g2.png" />
                   <img class="p13-t1 a100 animated fadeIn" src="<?php echo $cdnUrl; ?>img/p13-t1.png" />
                   <img class="p13-t2 a100 dd5 animated fadeInLeft" src="<?php echo $cdnUrl; ?>img/p13-t2.png" />
                   <img class="p13-t3 a100 de1 animated fadeIn" src="<?php echo $cdnUrl; ?>img/p13-t3.png" />
                   <img class="p13-t4 a100 dd12 animated fadeInLeft" src="<?php echo $cdnUrl; ?>img/p13-t4.png" />
                   <img class="arw" src="<?php echo $cdnUrl; ?>img/arr.png" />
                
                  </div>
              </div>
              <div class="swiper-slide">
                  <img class="bigbg p13x" src="<?php echo $cdnUrl; ?>img/p13.jpg" />
                  <div class="thebg">
                   <img class="p14-t1 a100 animated fadeIn" src="<?php echo $cdnUrl; ?>img/p14-t1.png" />
                   <img class="p14-t2 a100 dd5 animated fadeInLeft" src="<?php echo $cdnUrl; ?>img/p14-t2.png" />
                   <img class="p14-t3 a100 de1 animated fadeIn" src="<?php echo $cdnUrl; ?>img/p14-t3.png" />
                   <img class="p14-t4 a100 dd12 animated fadeInLeft" src="<?php echo $cdnUrl; ?>img/p14-t4.png" />
                   <img class="arw" src="<?php echo $cdnUrl; ?>img/arr.png" />
                   
                  </div>
                  
              </div>
              <div class="swiper-slide">
                  <img class="bigbg p13x" src="<?php echo $cdnUrl; ?>img/p13.jpg" />
                  <div class="thebg">
                   <img class="p15-t1 a100 animated fadeIn" src="<?php echo $cdnUrl; ?>img/p15-t1.png" />
                   <img class="p15-t2 a100 dd5 animated fadeInLeft" src="<?php echo $cdnUrl; ?>img/p15-t2.png" />
                   <img class="p15-t2-1 a100 de1 animated fadeInLeft" src="<?php echo $cdnUrl; ?>img/p15-t2-1.png" />
                   <img class="p15-t3 a100 dd12 animated fadeInLeft" src="<?php echo $cdnUrl; ?>img/p15-t3.png" />
                   <img class="p15-t3-1 a100 dd15 animated fadeInLeft" src="<?php echo $cdnUrl; ?>img/p15-t3-1.png" />
                   <img class="arw" src="<?php echo $cdnUrl; ?>img/arr.png" />
                
                  </div>
                  
              </div>
              <div class="swiper-slide">
                  <img class="bigbg p13x" src="<?php echo $cdnUrl; ?>img/p13.jpg" />
                  <div class="thebg p16">
                   <img class="p-b1" src="<?php echo $cdnUrl; ?>img/p16-b1.png" />
                   <img class="g1" src="<?php echo $cdnUrl; ?>img/g1.png" />
                   <img class="g2" src="<?php echo $cdnUrl; ?>img/g2.png" />
                   <img class="p16-t1 a100 animated fadeInLeft" src="<?php echo $cdnUrl; ?>img/p16-t1.png" />
                   <img class="p16-t2 a100 animated fadeInRight" src="<?php echo $cdnUrl; ?>img/p16-t2.png" />
                   <img class="p16-t3 a100 dd5 animated fadeInUp" src="<?php echo $cdnUrl; ?>img/p16-t3.png" />
                   <img class="arw" src="<?php echo $cdnUrl; ?>img/arr.png" />
                
                  </div>
              </div>
              <div class="swiper-slide">
                  <img class="bigbg p13x" src="<?php echo $cdnUrl; ?>img/p13.jpg" />
                  <div class="thebg p17">
                   <img class="p-b1" src="<?php echo $cdnUrl; ?>img/p17-b1.png" />
                   <img class="g1" src="<?php echo $cdnUrl; ?>img/g1.png" />
                   <img class="g2" src="<?php echo $cdnUrl; ?>img/g2.png" />
                   <img class="p17-t1 a100 animated  fadeInLeft" src="<?php echo $cdnUrl; ?>img/p17-t1.png" />
                   <img class="p17-t2 a100 animated  fadeInRight" src="<?php echo $cdnUrl; ?>img/p17-t2.png" />
                   <img class="p17-t3 a100 dd5 animated fadeIn" src="<?php echo $cdnUrl; ?>img/p17-t3.png" />
                   <img class="arw" src="<?php echo $cdnUrl; ?>img/arr.png" />
                
                  </div>
                  
              </div>
              <div class="swiper-slide">
                  <img class="bigbg p13x" src="<?php echo $cdnUrl; ?>img/p13.jpg" />
                  
                  <div class="thebg p18">
                   <img class="p-b1" src="<?php echo $cdnUrl; ?>img/p18-b1.png" />
                   <img class="g1" src="<?php echo $cdnUrl; ?>img/g1.png" />
                   <img class="g2" src="<?php echo $cdnUrl; ?>img/g2.png" />
                   <img class="p18-t1 a100 animated fadeIn" src="<?php echo $cdnUrl; ?>img/p18-t1.png" />
                   <img class="p18-t2 a100 animated fadeInLeft" src="<?php echo $cdnUrl; ?>img/p18-t2.png" />
                   <img class="p18-t2-2 a100 animated fadeInRight" src="<?php echo $cdnUrl; ?>img/p18-t2-2.png" />
                   <img class="p18-t3 a100 animated fadeInLeft" src="<?php echo $cdnUrl; ?>img/p18-t3.png" />
                   <img class="p18-t3-2 a100 animated fadeInRight" src="<?php echo $cdnUrl; ?>img/p18-t3-2.png" />
                   
                   <img class="p18-t4 a100 dd12 animated fadeIn" src="<?php echo $cdnUrl; ?>img/p18-t4.png" />
                   <img class="arw" src="<?php echo $cdnUrl; ?>img/arr.png" />
                
                   
                  </div>
              </div>
              <div class="swiper-slide p19">
                 <div class="p19bg">
                 <img class="bigbg p19x animated fadeIn" src="<?php echo $cdnUrl; ?>img/p19.jpg" />
                 </div>
              </div>
              
          </div>
        </div> 
	 
    
     
    
     
    
</div>
 
<script src="http://mat1.gtimg.com/libs/jquery2/2.1.4/jquery2.min.js"></script>
<script src="<?php echo $cdnUrl ?>js/pxloader-images.min.js"></script>
<script src="<?php echo $cdnUrl ?>js/swiper.min.js"></script>
<script src="https://res.wx.qq.com/open/js/jweixin-1.4.0.js"></script><?php include 'js.php'; ?></body></html>